<template>
    <div class="tabs-container" v-if="!route.meta.hidden">
        <span @click="router.push('/')">首页</span>
        <span>></span>
        <span>{{ route.meta.title }}</span>
    </div>
</template>

<script setup lang="ts">
import {useRoute, useRouter} from "vue-router";
const route = useRoute();
const router = useRouter();
</script>

<style lang="less" scoped>
.tabs-container {
    position: relative;
    overflow: hidden;
    line-height: 20px;
    margin-top: 12px;
    margin-left: 6px;
    span{
        cursor: pointer;
        color: #333;
        margin: 0 6px;
        &:hover{
            color: #62a8ff;
        }
    }
}
</style>
